<div class="wrap">
    <!-- 第一页 -->
    <div class="page page1" *ngIf='this.current == 1'>
        <audio src="./assets/images/audios/5.mp3" autoplay></audio>
        <h2 class="p1_title">课程内容</h2>
        <div class="p1_box">
            <img src="./assets/images/content/p1-1.png" alt="">
            <img src="./assets/images/content/p1-2.png" alt="" [ngStyle]="{'margin-left': '10px','margin-right':'10px'}">
            <img src="./assets/images/content/p1-3.png" alt="">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[0]">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand2" [halo]="this.data.content[this.current].hostHalo[1]">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand3" [halo]="this.data.content[this.current].hostHalo[2]">
        </div>
        <div class="p1_box">
            <img src="./assets/images/content/p1-4.png" alt="">
            <img src="./assets/images/content/p1-5.png" alt="">
            <img src="./assets/images/content/p1-6.png" alt="">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand4" [halo]="this.data.content[this.current].hostHalo[3]">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand5" [halo]="this.data.content[this.current].hostHalo[4]">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand6" [halo]="this.data.content[this.current].hostHalo[5]">
        </div>
    </div>
    <!-- 第二页 -->
    <div class="page page2" *ngIf='this.current == 2'>
        <audio src="./assets/images/audios/6.mp3" autoplay></audio>
        <div class="p2_box">
            <img src="./assets/images/content/p2-1.png" alt="">
            <img src="./assets/images/content/fite.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[0]" (click)='jum(3)'>
        </div>
        <div class="p2_box">
            <img src="./assets/images/content/p2-2.png" alt="">
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand2" [halo]="this.data.content[this.current].hostHalo[1]" (click)='jum(15)'>
        </div>
        <img src="./assets/images/content/p2-hide.png" alt="" class="p2_hide" (click)='jum(1)'>
    </div>
    <!-- 第三页 -->
    <div class="page page3" *ngIf='this.current == 3'>
        <img src="./assets/images/content/p3-1.png" alt="" class="p3_pic">
    </div>
    <!-- 第四页 -->
    <div class="page page4" *ngIf='this.current == 4'>
        <img src="./assets/images/content/p4-1.png" alt="" class="p4_pic">
    </div>
    <!-- 第五页 -->
    <div class="page page5" *ngIf='this.current == 5'>
        <img src="./assets/images/content/p5-1.png" alt="" class="p5_pic">
    </div>
    <!-- 第六页 -->
    <div class="page page6" *ngIf='this.current == 6'>
        <img src="./assets/images/content/p6-1.png" alt="" class="p6_pic">
    </div>
    <!-- 第七页 -->
    <div class="page page7" *ngIf='this.current == 7'>
        <img src="./assets/images/content/p7-1.png" alt="" class="p7_pic">
    </div>
    <!-- 第八页 -->
    <div class="page page8" *ngIf='this.current == 8'>
        <img src="./assets/images/content/p8-1.png" alt="" class="p8_pic">
    </div>
    <!-- 第九页 -->
    <div class="page page9" *ngIf='this.current == 9'>
        <img src="./assets/images/content/p9-1.png" alt="" class="p9_pic">
    </div>
    <!-- 第十页 -->
    <div class="page page10" *ngIf='this.current == 10'>
        <img src="./assets/images/content/p10-1.png" alt="" class="p10_pic">
    </div>
    <!-- 第十一页 -->
    <div class="page page11" *ngIf='this.current == 11'>
        <img src="./assets/images/content/p11-1.png" alt="" class="p11_pic">
    </div>
    <!-- 第十二页 -->
    <div class="page page12" *ngIf='this.current == 12'>
        <img src="./assets/images/content/p12-1.png" alt="" class="p12_pic">
    </div>
    <!-- 第十三页 -->
    <div class="page page13" *ngIf='this.current == 13'>
        <img src="./assets/images/content/p13-1.png" alt="" class="p13_pic">
    </div>
    <!-- 第十四页 -->
    <div class="page page14" *ngIf='this.current == 14'>
        <div class="p14_title_box">
            <h2 class="fl">车型主要配置</h2>
            <img src="./assets/images/content/p2-hide.png" alt="" class="fr" (click)='jum(2)'>
        </div>
        <div class="p14_box">
            <img src="./assets/images/content/p14-1.png" alt="">
            <div class="p14_inner">
                <img src="./assets/images/content/p14-2.png" alt="">
            </div>
        </div>
    </div>
    <!-- 第十五页 -->
    <div class="page page15" *ngIf='this.current == 15'>
        <img src="./assets/images/content/p15-1.png" alt="" class="p15_pic">
    </div>
    <!-- 第十六页 -->
    <div class="page page16" *ngIf='this.current == 16'>
        <img src="./assets/images/content/p16-1.png" alt="" class="p16_pic">
    </div>
    <!-- 第十七页 -->
    <div class="page page17" *ngIf='this.current == 17'>
        <img src="./assets/images/content/p17-1.png" alt="" class="p17_pic">
    </div>
    <!-- 第十八页 -->
    <div class="page page18" *ngIf='this.current == 18'>
        <img src="./assets/images/content/p18-1.png" alt="" class="p18_pic">
    </div>
    <!-- 第十九页 -->
    <div class="page page19" *ngIf='this.current == 19'>
        <img src="./assets/images/content/p19-1.png" alt="" class="p19_pic">
    </div>
    <!-- 第二十页 -->
    <div class="page page20" *ngIf='this.current == 20'>
        <img src="./assets/images/content/p20-1.png" alt="" class="p20_pic">
    </div>
    <!-- 第二十一页 -->
    <div class="page page21" *ngIf='this.current == 21'>
        <img src="./assets/images/content/p21-1.png" alt="" class="p21_pic">
    </div>
    <!-- 第二十二页 -->
    <div class="page page22" *ngIf='this.current == 22'>
        <img src="./assets/images/content/p22-1.png" alt="" class="p22_pic">
    </div>
    <!-- 第二十三页 -->
    <div class="page page23" *ngIf='this.current == 23'>
        <div class="p23_title_box">
            <h2 class="fl">车型主要配置</h2>
            <img src="./assets/images/content/p2-hide.png" alt="" class="fr" (click)='jum(2)'>
        </div>
        <div class="p23_box">
            <img src="./assets/images/content/p23-1.png" alt="">
            <div class="p23_inner">
                <img src="./assets/images/content/p23-2.png" alt="">
            </div>
        </div>
    </div>
    <!-- 第二十四页 -->
    <div class="page page24" *ngIf='this.current == 24'>
        <!-- <audio src="./assets/images/audios/30.mp3" autoplay></audio> -->
        <img src="./assets/images/content/p24-1.png" alt="" class="p24_pic">
    </div>
    <!-- 第二十五页 -->
    <div class="page page25" *ngIf='this.current == 25'>
        <audio src="./assets/images/audios/31-1.mp3" autoplay *ngIf="this.data.content[this.current].imgState==0"></audio>
        <audio src="./assets/images/audios/31-2.mp3" autoplay *ngIf="this.data.content[this.current].imgState==1"></audio>
        <audio src="./assets/images/audios/31-3.mp3" autoplay *ngIf="this.data.content[this.current].imgState==2"></audio>
        <audio src="./assets/images/audios/31-4.mp3" autoplay *ngIf="this.data.content[this.current].imgState==3"></audio>
        <h2>工作原理</h2>
        <div class="p25_box">
            <img src="./assets/images/content/p25-1.png" alt="" class="p25_pic" [halo]='this.data.content[this.current].hostHalo[0]' (click)='page25(1)'>
            <img src="./assets/images/content/p25-2.png" alt="" class="p25_pic1" [halo]="this.data.content[this.current].imgState==1||this.data.content[this.current].imgState==2?'halo':''">
            <img src="./assets/images/content/p25-3.png" alt="" class="p25_pic2" [halo]="this.data.content[this.current].imgState==1?'halo':''" (click)='page25(2)'>
            <img src="./assets/images/content/p25-4.png" alt="" class="p25_pic3" [halo]="this.data.content[this.current].imgState==2?'halo':''">
            <img src="./assets/images/content/p25-5.png" alt="" class="p25_pic4">
            <img src="./assets/images/content/p25-6.png" alt="" class="p25_pic5" [halo]="this.data.content[this.current].imgState==3?'halo':''">
            <img src="./assets/images/content/p25-7.png" alt="" class="p25_pic6" [halo]="this.data.content[this.current].imgState==2?'halo':''" (click)='page25(3)'>
        </div>
    </div>
    <!-- 第二十六页 -->
    <div class="page page26" *ngIf='this.current == 26'>
        <img src="./assets/images/content/p26-1.png" alt="" class="p26_pic">
    </div>
    <!-- 第二十七页 -->
    <div class="page page27" *ngIf='this.current == 27'>
        <audio src="./assets/images/audios/33.mp3" autoplay></audio>
        <img src="./assets/images/content/p2-hide.png" alt="" (click)='jum(1)'>
        <div class="p27_box">
            <!-- <sgm-questions qs="1"></sgm-questions> -->
        </div>
    </div>
    <!-- 第二十八页 -->
    <div class="page page28" *ngIf='this.current == 28'>
        <audio src="./assets/images/audios/34.mp3" autoplay></audio>
        <img src="./assets/images/content/p28-1.png" alt="" class="p28_pic">
    </div>
    <!-- 第二十九页 -->
    <div class="page page29" *ngIf='this.current == 29'>
        <audio src="./assets/images/audios/35.mp3" autoplay></audio>
        <div class="p29_box">
            <img src="./assets/images/content/p29-1.png" alt="" class="p29_pic">
            <img src="./assets/images/content/p29_dian.png" alt="" class="p29_dian">
            <img src="./assets/images/content/p29_dian.png" alt="" class="p29_dian p29_dian1">
            <img src="./assets/images/content/p29_dian.png" alt="" class="p29_dian p29_dian2">
            <img src="./assets/images/content/p29_dian.png" alt="" class="p29_dian p29_dian3">
            <img src="./assets/images/content/p29_dian.png" alt="" class="p29_dian p29_dian4">
            <img src="./assets/images/content/fite.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page(1)'>
            <img src="./assets/images/content/fite.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page(2)'>
            <img src="./assets/images/content/fite.png" alt="" class="hand hand2" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page(3)'>
            <img src="./assets/images/content/fite.png" alt="" class="hand hand3" [halo]="this.data.content[this.current].hostHalo[3]" (click)='page(4)'>
            <img src="./assets/images/content/fite.png" alt="" class="hand hand4" [halo]="this.data.content[this.current].hostHalo[4]" (click)='page(5)'>
            <img src="./assets/images/content/p29-2.png" alt="" class="p29_pic1" [ngClass]="{bounce: this.data.content[this.current].animation[0].state,bounce1: !this.data.content[this.current].animation[0].state}">
            <img src="./assets/images/content/p29-3.png" alt="" class="p29_pic1 p29_pic2" [ngClass]="{bounce: this.data.content[this.current].animation[1].state,bounce1: !this.data.content[this.current].animation[1].state}">
            <img src="./assets/images/content/p29-4.png" alt="" class="p29_pic1 p29_pic3" [ngClass]="{bounce: this.data.content[this.current].animation[2].state,bounce1: !this.data.content[this.current].animation[2].state}">
            <img src="./assets/images/content/p29-5.png" alt="" class="p29_pic1 p29_pic4" [ngClass]="{bounce: this.data.content[this.current].animation[3].state,bounce1: !this.data.content[this.current].animation[3].state}">
            <img src="./assets/images/content/p29-6.png" alt="" class="p29_pic1 p29_pic5" [ngClass]="{bounce: this.data.content[this.current].animation[4].state,bounce1: !this.data.content[this.current].animation[4].state}">
        </div>
    </div>
    <!-- 第三十页 -->
    <div class="page page30" *ngIf='this.current == 30'>
        <audio src="./assets/images/audios/36-1.mp3" autoplay *ngIf="this.data.content[this.current].imgState==0"></audio>
        <audio src="./assets/images/audios/36-2.mp3" autoplay *ngIf="this.data.content[this.current].imgState==1"></audio>
        <audio src="./assets/images/audios/36-3.mp3" autoplay *ngIf="this.data.content[this.current].imgState==2"></audio>
        <div class="p30_box">
            <h2>工作原理</h2>
            <img src="./assets/images/content/p30-1.png" alt="" class="p30_pic">
            <img src="./assets/images/content/p30-2.png" alt="" class="p30_pic1">
            <img src="./assets/images/content/p30-3.png" alt="" class="p30_pic2" [halo]="this.data.content[this.current].imgState==1||this.data.content[this.current].imgState==2?'halo':''">
            <img src="./assets/images/content/p30-4.png" alt="" class="p30_pic3">
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page30(1)'>
            <div *ngIf="this.show">
                <img src="./assets/images/content/rhand.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            </div>
        </div>
        <div class="p30_xu"></div>
        <div class="p30_xu1"></div>
    </div>
    <!-- 第三十一页 -->
    <div class="page page31" *ngIf='this.current == 31'>
        <img src="./assets/images/content/p31-1.png" alt="" class="p31_pic">
        <img src="./assets/images/content/p2-hide.png" alt="" class="p31_hide" (click)='jum(1)'>
    </div>
    <!-- 第三十二页 -->
    <div class="page page32" *ngIf='this.current == 32'>
        <audio src="./assets/images/audios/38.mp3" autoplay></audio>
        <div class="p32_box">
            <img src="./assets/images/content/p32-5.png" alt="" class="p32_pic">
            <img src="./assets/images/content/p32-1.png" alt="" class="p32_pic1" [halo]="this.data.content[this.current].hostHalo[0]">
            <img src="./assets/images/content/p32-2.png" alt="" class="p32_pic2" [halo]="this.data.content[this.current].hostHalo[1]">
            <img src="./assets/images/content/p32-3.png" alt="" class="p32_pic3" [halo]="this.data.content[this.current].hostHalo[2]">
            <img src="./assets/images/content/p32-4.png" alt="" class="p32_pic4" [halo]="this.data.content[this.current].hostHalo[3]">
        </div>
    </div>
    <!-- 第三十三页 -->
    <div class="page page33" *ngIf='this.current == 33'>
        <audio src="./assets/images/audios/39.mp3" autoplay></audio>
        <div class="p33_box">
            <h2>博泰车联网系统的功能</h2>
            <div class="p33_title">
                <img src="./assets/images/content/p33_title.png" alt="" class="p33_pic">
                <img src="./assets/images/content/p33_title1.png" alt="" class="p33_pic1" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
                <img src="./assets/images/content/p33_title2.png" alt="" class="p33_pic2" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
                <img src="./assets/images/content/p33_title3.png" alt="" class="p33_pic3" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page25(3)'>
                <img src="./assets/images/content/p33_title4.png" alt="" class="p33_pic4" [halo]="this.data.content[this.current].hostHalo[3]" (click)='page25(4)'>
                <img src="./assets/images/content/p33_title5.png" alt="" class="p33_pic5" [halo]="this.data.content[this.current].hostHalo[4]" (click)='page25(5)'>
                <img src="./assets/images/content/p33_title6.png" alt="" class="p33_pic6" [halo]="this.data.content[this.current].hostHalo[5]" (click)='page25(6)'>
                <img src="./assets/images/content/p33_title7.png" alt="" class="p33_pic7" [halo]="this.data.content[this.current].hostHalo[6]" (click)='page25(7)'>
            </div>
            <div class="p33_inner">
                <img src="./assets/images/content/p33_inner.png" alt="" class="p33_pic8">
                <img src="./assets/images/content/p33_inner1.png" alt="" class="p33_pic9" *ngIf="this.data.content[this.current].hostHalo[0]==''">
                <img src="./assets/images/content/p33_inner2.png" alt="" class="p33_pic10" *ngIf="this.data.content[this.current].hostHalo[1]==''">
                <img src="./assets/images/content/p33_inner3.png" alt="" class="p33_pic11" *ngIf="this.data.content[this.current].hostHalo[2]==''">
                <img src="./assets/images/content/p33_inner4.png" alt="" class="p33_pic12" *ngIf="this.data.content[this.current].hostHalo[3]==''">
                <img src="./assets/images/content/p33_inner5.png" alt="" class="p33_pic13" *ngIf="this.data.content[this.current].hostHalo[4]==''">
                <img src="./assets/images/content/p33_inner6.png" alt="" class="p33_pic14" *ngIf="this.data.content[this.current].hostHalo[5]==''">
                <img src="./assets/images/content/p33_inner7.png" alt="" class="p33_pic15" *ngIf="this.data.content[this.current].hostHalo[6]==''">
            </div>
        </div>
        <p><span>注：</span>手机投屏必须在蓝牙连接情况下（临时钥匙）使用。</p>
    </div>
    <!-- 第三十四页 -->
    <div class="page page34" *ngIf='this.current == 34'>
        <audio src="./assets/images/audios/40.mp3" autoplay></audio>
        <div class="p34_box">
            <img src="./assets/images/content/p34-5.png" alt="" class="p34_pic">
            <img src="./assets/images/content/p34-1.png" alt="" class="p34_pic1" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p34-2.png" alt="" class="p34_pic2" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            <img src="./assets/images/content/p34-3.png" alt="" class="p34_pic3" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/p34-4.png" alt="" class="p34_pic4" *ngIf="this.data.content[this.current].hostHalo[1]==''">
        </div>
    </div>
    <!-- 第三十五页 -->
    <div class="page page35" *ngIf='this.current == 35'>
        <audio src="./assets/images/audios/41.mp3" autoplay></audio>
        <h2>博泰车联网的使用情景</h2>
        <div class="p35_box">
            <img src="./assets/images/content/p35-1.png" alt="" class="p35_pic" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p35-2.png" alt="" class="p35_pic1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            <img src="./assets/images/content/p35-3.png" alt="" class="p35_pic2" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page25(3)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand2" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page25(3)'>
            <img src="./assets/images/content/p35-4.png" alt="" class="p35_pic3" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/p35-5.png" alt="" class="p35_pic4" *ngIf="this.data.content[this.current].hostHalo[1]==''">
            <img src="./assets/images/content/p35-6.png" alt="" class="p35_pic5" *ngIf="this.data.content[this.current].hostHalo[2]==''">
        </div>
    </div>
    <!-- 第三十六页 -->
    <div class="page page36" *ngIf='this.current == 36'>
        <h2>博泰车联网的使用情景</h2>
        <div class="p35_box">
            <img src="./assets/images/content/p36-1.png" alt="" class="p35_pic" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p36-2.png" alt="" class="p35_pic1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            <img src="./assets/images/content/p36-3.png" alt="" class="p35_pic2" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page25(3)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand1" [halo]="this.data.content[this.current].hostHalo[1]" (click)='page25(2)'>
            <img src="./assets/images/content/rhand.png" alt="" class="hand hand2" [halo]="this.data.content[this.current].hostHalo[2]" (click)='page25(3)'>
            <img src="./assets/images/content/p36-4.png" alt="" class="p35_pic3" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/p36-5.png" alt="" class="p35_pic4" *ngIf="this.data.content[this.current].hostHalo[1]==''">
            <img src="./assets/images/content/p36-6.png" alt="" class="p35_pic5" *ngIf="this.data.content[this.current].hostHalo[2]==''">
        </div>
    </div>
    <!-- 第三十七页 -->
    <div class="page page37" *ngIf='this.current == 37'>
        <audio src="./assets/images/audios/43.mp3" autoplay *ngIf="this.data.content[this.current].imgState==0"></audio>
        <audio src="./assets/images/audios/37-1.mp3" autoplay *ngIf="this.data.content[this.current].imgState==1"></audio>
        <h2>思考：</h2>
        <div class="p37_box">
            <div class="p37_inner_box">
                <div class="p37_inner"><span>实现手机互联投屏功能</span></div>
                <div class="p37_inner" style="line-height: 2"><span>实现蓝牙钥匙近车解锁<br>启动功能</span></div>
                <div class="p37_inner" style="line-height: 2"><span>实现语音导航、车窗控<br>制功能</span></div>
                <div class="p37_inner" style="line-height: 2"><span>实现远程控制、远程查<br>询功能功能</span></div>
            </div>
            <div class="p37_inner_box1 p37_inner_box">
                <div class="p37_inner hde1"></div>
                <div class="p37_inner hde2"></div>
                <div class="p37_inner hde3"></div>
                <div class="p37_inner hde4"></div>
            </div>
            <div class="p37_inner_box2 p37_inner_box p_hou">
                <div class="p37_inner"><span class="hdr2">将手机绑定成为永久钥匙</span></div>
                <div class="p37_inner"><span class="hdr1">将手机绑定成为临时钥匙</span></div>
                <div class="p37_inner"><span class="hdr4">将手机绑定成为车主钥匙</span></div>
                <div class="p37_inner"><span class="hdr3">将手机绑定成为临时钥匙</span></div>
            </div>
            <div class="p37_inner_box3 p37_inner_box">
                <div class="p37_pic"><img src="./assets/images/content/p37-1.png" alt=""></div>
                <div class="p37_pic"><img src="./assets/images/content/p37-1.png" alt=""></div>
                <div class="p37_pic"><img src="./assets/images/content/p37-1.png" alt=""></div>
                <div class="p37_pic"><img src="./assets/images/content/p37-1.png" alt=""></div>
            </div>
        </div>
    </div>
    <!-- 第三十八页 -->
    <div class="page page38" *ngIf='this.current == 38'>
        <audio src="./assets/images/audios/44.mp3" autoplay></audio>
        <h2>临时钥匙的功能权限</h2>
        <div class="P38_box">
            <img src="./assets/images/content/p38-1.png" alt="" class="p38_pic" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p38-2.png" alt="" class="p38_pic1" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
        </div>
    </div>
    <!-- 第三十九页 -->
    <div class="page page39" *ngIf='this.current == 39'>
        <h2>永久钥匙的功能权限</h2>
        <div class="P39_box">
            <img src="./assets/images/content/p39-1.png" alt="" class="p39_pic" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p39-2.png" alt="" class="p39_pic1" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
        </div>
    </div>
    <!-- 第四十页 -->
    <div class="page page40" *ngIf='this.current == 40'>
        <h2>车主钥匙的功能权限</h2>
        <div class="P40_box">
            <img src="./assets/images/content/p40-1.png" alt="" class="p40_pic" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
            <img src="./assets/images/content/p40-2.png" alt="" class="p40_pic1" *ngIf="this.data.content[this.current].hostHalo[0]==''">
            <img src="./assets/images/content/rhand.png" alt="" class="hand" [halo]="this.data.content[this.current].hostHalo[0]" (click)='page25(1)'>
        </div>
    </div>
    <!-- 第四十一页 -->
    <div class="page page41" *ngIf='this.current == 41'>

    </div>
</div>